<%@ page language="java"
         contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"
%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <link rel="shortcut icon" href="../Public/img/favicon.html">

    <title>Login</title>

    <!-- Bootstrap core CSS -->
    <link href="../Public/css/bootstrap.min.css" rel="stylesheet">
    <link href="../Public/css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="../Public/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="../Public/css/style.css" rel="stylesheet">
    <link href="../Public/css/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="login-body">

    <div class="container">

        <form class="form-signin" action="./background/login_do.jsp" method="post">
            <h2 class="form-signin-heading">Hotel Background</h2>
            <div class="login-wrap">
                <input name="staff_name" type="text" class="form-control" placeholder="User ID" autofocus>
                <input name="password" type="password" class="form-control" placeholder="Password">
                <label class="checkbox">
                    <input type="checkbox" value="remember-me"> Remember me
                    <span class="pull-right"> <a href="#"> Forget password?</a></span>
                </label>
                <button class="btn btn-lg btn-login btn-block" type="submit">Login in</button>
                <!--<p>or you can sign in via social network</p>-->
                <!--<div class="login-social-link">
                        <a href="index.html" class="facebook">
                            <i class="icon-facebook"></i> Facebook
                        </a>
                        <a href="index.html" class="twitter">
                            <i class="icon-twitter"></i> Twitter
                        </a>
                    </div>-->

            </div>

        </form>

    </div>


</body>

</html>